<!--
  Generated template for the RegisterPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>
  <ion-navbar color="gm-primary">
    <ion-title>用户注册</ion-title>
  </ion-navbar>
</ion-header>

<ion-content padding>
  <div class="input-frame">
    <div class="input-layout">
      <ion-icon name="call" color="gm-primary"></ion-icon>
      <ion-input type="tel" [(ngModel)]="register.phone" placeholder="手机号"></ion-input>
    </div>

    <div class="verify-layout" margin-top>
      <div class="input-layout start-item">
        <ion-icon name="chatboxes" color="gm-primary"></ion-icon>
        <ion-input type="number" [(ngModel)]="register.code" placeholder="验证码"></ion-input>
      </div>

      <button ion-button color="gm-primary" class="end-item" (click)="onSendCode()">发送验证码</button>
    </div>

    <div class="input-layout" margin-top>
      <ion-icon name="lock" color="gm-primary"></ion-icon>
      <ion-input type="password" [(ngModel)]="register.password" placeholder="密码"></ion-input>
    </div>

    <div margin-top class="checkbox-layout" (click)="onUserProtocol()">
      <ion-checkbox [(ngModel)]="accept"></ion-checkbox>
      <div>&nbsp;<u>用户注册协议</u></div>
    </div>
  </div>

  <button ion-button full color="gm-primary" margin-top (click)="onUserRegister()">立即注册</button>
</ion-content>
